<template>
	<view class="ayi-page">
		<navigation :isBack="true" title="个人中心" titleTintColor="#fff"><text slot="back" class="iconfont">&#xe63d;</text></navigation>
		<view class="person-list">
			<view class="person-item">
				<view class="person-item-i content"><span class="i-title">头像</span></view>
				<view class="person-item-i content-r" @click="modifyAvatar()">
					<image class="img-img" mode="aspectFit" :src="empty(uinfoData.images) ? '/static/icon/avatar.png' : uinfoData.images"></image>
				</view>
				<view class="person-item-i icon-right"></view>
			</view>
			<view class="person-item" @click="niceNameFun()">
				<view class="person-item-i content"><span class="i-title">昵称</span></view>
				<view class="person-item-i content-r">{{ uinfoData.showname }}</view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" @click="qqFun()">
				<view class="person-item-i content"><span class="i-title">QQ</span></view>
				<view class="person-item-i content-r">{{ uinfoData.qq }}</view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" @click="weixinFun()">
				<view class="person-item-i content"><span class="i-title">微信</span></view>
				<view class="person-item-i content-r">{{ uinfoData.wechatid }}</view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" v-if="!empty(uinfoData.phone)">
				<view class="person-item-i content"><span class="i-title">手机号</span></view>
				<view class="person-item-i content-r">{{ uinfoData.phone }}</view>
			</view>
			<view class="person-item" v-if="empty(uinfoData.phone)" @click="mobileFun()">
				<view class="person-item-i content"><span class="i-title">手机号</span></view>
				<view class="person-item-i content-r">暂无</view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" v-if="!empty(uinfoData.realname)">
				<view class="person-item-i content"><span class="i-title">实名认证</span></view>
				<view class="person-item-i content-r">{{ uinfoData.realname }}</view>
			</view>
			<view class="person-item" v-if="empty(uinfoData.realname)" @click="realNameFun()">
				<view class="person-item-i content"><span class="i-title">实名认证</span></view>
				<view class="person-item-i content-r">暂无</view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" @click="modifyLoginPswFun()">
				<view class="person-item-i content"><span class="i-title">修改登录密码</span></view>
				<view class="person-item-i content-r"></view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" v-if="empty(uinfoData.password2)" @click="payPswFun()">
				<view class="person-item-i content"><span class="i-title">添加支付密码</span></view>
				<view class="person-item-i content-r"></view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" v-if="!empty(uinfoData.password2)" @click="modifyPayPswFun()">
				<view class="person-item-i content"><span class="i-title">修改支付密码</span></view>
				<view class="person-item-i content-r"></view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" @click="toPage('/pages/my/banklist/banklist')">
				<view class="person-item-i content"><span class="i-title">银行卡绑定</span></view>
				<view class="person-item-i content-r"></view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
			<view class="person-item" v-if="!empty(uinfoData.email)">
				<view class="person-item-i content"><span class="i-title">邮箱</span></view>
				<view class="person-item-i content-r">{{ uinfoData.email }}</view>
			</view>
			<view class="person-item" @click="emailFun()" v-if="empty(uinfoData.email)">
				<view class="person-item-i content"><span class="i-title">邮箱</span></view>
				<view class="person-item-i content-r">暂无</view>
				<view class="person-item-i icon-right"><i class="iconfont" style="color: #c0c0c0; font-size: 48rpx;">&#xe61b;</i></view>
			</view>
		</view>
		<Tabbar :indexpage="-1"></Tabbar>
		<uni-popup ref="niceName" type="center" :maskClick="false">
			<AlertInput title="修改昵称">
				<input slot="alert-input" v-model="niceName" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('niceName')">取消</view>
				<view slot="btn-submit" @click="applySubmit('niceName')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="QQ" type="center" :maskClick="false">
			<AlertInput title="QQ号">
				<input slot="alert-input" v-model="QQ" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('QQ')">取消</view>
				<view slot="btn-submit" @click="applySubmit('QQ')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="weixin" type="center" :maskClick="false">
			<AlertInput title="微信号">
				<input slot="alert-input" v-model="weixin" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('weixin')">取消</view>
				<view slot="btn-submit" @click="applySubmit('weixin')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="mobile" type="center" :maskClick="false">
			<AlertInput title="添加手机号">
				<input slot="alert-input" v-model="mobile" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('mobile')">取消</view>
				<view slot="btn-submit" @click="applySubmit('mobile')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="realName" type="center" :maskClick="false">
			<AlertInput title="添加真实姓名">
				<input slot="alert-input" v-model="realName" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('realName')">取消</view>
				<view slot="btn-submit" @click="applySubmit('realName')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="modifyLoginPsw" type="center" :maskClick="false">
			<AlertInput title="修改登录密码">
				<input slot="alert-input" v-model="modifyPswO" password="true" class="alert-input" placeholder="原来登录密码" />
				<input slot="alert-input" v-model="modifyPswT" password="true" class="alert-input" placeholder="新登录密码" />
				<input slot="alert-input" v-model="modifyPswTh" password="true" class="alert-input" placeholder="重复新登录密码" />
				<view slot="btn-cancel" @click="closePopoWin()">取消</view>
				<view slot="btn-submit" @click="modifyPswSubmit('tpassword')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="payPsw" type="center" :maskClick="false">
			<AlertInput title="添加支付密码">
				<input slot="alert-input" v-model="payPsw" password="true" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('payPsw')">取消</view>
				<view slot="btn-submit" @click="applySubmit('payPsw')">确认</view>
			</AlertInput>
		</uni-popup>
		<uni-popup ref="modifyPayPsw" type="center" :maskClick="false">
			<AlertInput title="修改支付密码" :isMore="true">
				<input slot="alert-input" v-model="modifyPswO" password="true" class="alert-input" placeholder="原来支付密码" />
				<input slot="alert-input" v-model="modifyPswT" password="true" class="alert-input" placeholder="新支付密码" />
				<input slot="alert-input" v-model="modifyPswTh" password="true" class="alert-input" placeholder="重复新支付密码" />
				<view slot="btn-more-operate" class="btn-more-operate-v" @click="closePopoWin()">取消</view>
				<view slot="btn-more-operate" class="btn-more-operate-v" @click="findPayPswFun()">找回密码</view>
				<view slot="btn-more-operate-submit" @click="modifyPswSubmit('tpassword2')">确认</view>
			</AlertInput>
		</uni-popup>

		<uni-popup ref="findPayPsw" type="center" :maskClick="false">
			<AlertInput title="找回支付密码" :isMore="true">
				<input slot="alert-input" v-model="username" class="alert-input" placeholder="输入用户名" />
				<input slot="alert-input" v-model="code" class="alert-input" placeholder="输入邮箱验证码" />
				<input slot="alert-input" v-model="newPaypsw" password="true" class="alert-input" placeholder="输入新支付密码" />
				<view slot="btn-more-operate" class="btn-more-operate-v" @click="closePopoWin()">取消</view>
				<view slot="btn-more-operate" class="btn-more-operate-v" @click="getCode()">获取邮箱验证码</view>
				<view slot="btn-more-operate-submit" @click="submitFindPSw()">确认</view>
			</AlertInput>
		</uni-popup>

		<uni-popup ref="email" type="center" :maskClick="false">
			<AlertInput title="添加邮箱">
				<input slot="alert-input" v-model="email" class="alert-input" placeholder="" />
				<view slot="btn-cancel" @click="canceSubmit('email')">取消</view>
				<view slot="btn-submit" @click="applySubmit('email')">确认</view>
			</AlertInput>
		</uni-popup>
	</view>
</template>

<script>
import { Tools, Config, URL, Net, VueTools } from '@/common/tools.js';
import navigation from '@/components/navigation.vue';
import Tabbar from '@/components/tabbar.vue';
import uniPopup from '@dcloudio/uni-ui/lib/uni-popup/uni-popup.vue';
import AlertInput from '@/components/alert-input.vue';
export default {
	components: { Tabbar, navigation, uniPopup, AlertInput },
	data() {
		return {
			niceName: '', //昵称的数据
			QQ: '', //QQ号
			weixin: '', //微信号
			mobile: '', //手机号
			realName: '', //真实姓名
			modifyLoginPsw: '', //登陆密码
			payPsw: '', //支付密码
			email: '', //邮箱
			uinfoData: { showname: '', images: '', phone: '', realname: '', email: '', sex: '', birthday2: '0000-00-00', password: '', password2: '', qq: '', wechatid: '' },
			username: '', //用户名
			code: '', //邮箱验证码
			newPaypsw: '', //需要修改的新的支付密码
			modifyPswO: '',
			modifyPswT: '',
			modifyPswTh: ''
		};
	},
	onLoad() {
		this.$store.commit('isTestPlay');
		if (this.$store.state.isTestPlay) {
			VueTools.toastNo('试玩账号不能进入');
			this.goBackPage();
			return;
		}
		this.personalData();
	},
	methods: {
		back() {
			uni.navigateBack();
		},
		modify() {
			// uni.showModal({
			// 	title: '提示',
			// 	content: '<input class="uni-input" focus placeholder="自动获得焦点" />',
			// 	success: function (res) {
			// 		if (res.confirm) {
			// 			console.log('用户点击确定');
			// 		} else if (res.cancel) {
			// 			console.log('用户点击取消');
			// 		}
			// 	}
			// });
			this.$refs.popup.open();
		},
		toPage(pageStr) {
			this.navigateToSigleUrl(pageStr);
		},
		niceNameFun() {
			this.$refs.niceName.open();
		},
		qqFun() {
			this.$refs.QQ.open();
		},
		weixinFun() {
			this.$refs.weixin.open();
		},
		mobileFun() {
			this.$refs.mobile.open();
		},
		realNameFun() {
			this.$refs.realName.open();
		},
		modifyLoginPswFun() {
			this.modifyPswO = '';
			this.modifyPswT = '';
			this.modifyPswTh = '';
			this.$refs.modifyLoginPsw.open();
		},
		payPswFun() {
			this.$refs.payPsw.open();
		},
		findPayPswFun() {
			this.username = '';
			this.code = '';
			this.newPaypsw = '';
			this.closePopoWin();
			this.$refs.findPayPsw.open();
		},
		modifyPayPswFun() {
			this.modifyPswO = '';
			this.modifyPswT = '';
			this.modifyPswTh = '';
			this.$refs.modifyPayPsw.open();
		},
		emailFun() {
			this.$refs.email.open();
		},
		closePopoWin() {
			this.$refs.niceName.close();
			this.$refs.QQ.close();
			this.$refs.weixin.close();
			this.$refs.mobile.close();
			this.$refs.realName.close();
			this.$refs.modifyLoginPsw.close();
			this.$refs.payPsw.close();
			this.$refs.email.close();
			this.$refs.modifyPayPsw.close();
			this.$refs.findPayPsw.close();
		},
		canceSubmit(type) {
			if (type == 'niceName') {
				this.$refs.niceName.close();
			} else if (type == 'QQ') {
				this.$refs.QQ.close();
			} else if (type == 'weixin') {
				this.$refs.weixin.close();
			} else if (type == 'mobile') {
				this.$refs.mobile.close();
			} else if (type == 'realName') {
				this.$refs.realName.close();
			} else if (type == 'modifyLoginPsw') {
				this.$refs.modifyLoginPsw.close();
			} else if (type == 'payPsw') {
				this.$refs.payPsw.close();
			} else if (type == 'email') {
				this.$refs.email.close();
			}
		},
		applySubmit(type) {
			if (type == 'niceName') {
				this.rechangeInfo(type, this.niceName);
			} else if (type == 'QQ') {
				this.rechangeInfo(type, this.QQ);
			} else if (type == 'weixin') {
				this.rechangeInfo(type, this.weixin);
			} else if (type == 'mobile') {
				this.rechangeInfo(type, this.mobile);
			} else if (type == 'realName') {
				this.rechangeInfo(type, this.realName);
			} else if (type == 'modifyLoginPsw') {
			} else if (type == 'payPsw') {
				this.rechangeInfo(type, this.payPsw);
			} else if (type == 'email') {
				this.rechangeInfo(type, this.email);
			}
		},
		/**
		 * 获取用户的数据
		 */
		personalData() {
			let that = this;
			Net.ayiHttp(
				URL.USER_SHOWUSERINFO,
				'{}',
				function(res) {
					if (res.code == Config.SUCCESS_CODE) {
						let data = Tools.aesDecodeToJson(res.data);
						if (!Tools.isEmpty(data.uinfo)) {
							that.uinfoData = data.uinfo;
							that.setProperty(data.uinfo);
							console.log('用户的登陆的数据=============:', that.uinfoData);
						}
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					console.log('error:', err);
				}
			);
		},
		setProperty(uinfoData) {
			this.niceName = uinfoData.showname;
			this.QQ = uinfoData.qq;
			this.weixin = uinfoData.wechatid;
			this.mobile = uinfoData.phone;
			this.realName = uinfoData.realname;
			this.email = uinfoData.email;
		},
		/**
		 * 修改用户的信息
		 * @param {Object} type 类型
		 * @param {Object} value 修改的值
		 */
		rechangeInfo(type, value) {
			let that = this;
			let obj = {};
			if (type == 'email') {
				if (!Tools.isEmail(value)) {
					VueTools.toastNo('邮箱格式不正确');
					return;
				}
				obj = '{"email":"' + value + '"}';
			} else if (type == 'niceName') {
				if (Tools.isEmpty(value)) {
					VueTools.toastNo('昵称不能为空');
					return;
				}
				obj = '{"showname":"' + value + '"}';
			} else if (type == 'sex') {
				obj = '{"uval":\{"sex":"' + value + '"}\}';
			} else if (type == 'realName') {
				if (Tools.isEmpty(value)) {
					VueTools.toastNo('真是姓名不为空');
					return;
				}
				obj = '{"uval":\{"realname":"' + value + '"}\}';
			} else if (type == 'birthday') {
				//obj = '{"uval":\{"birthday":"' + that.selectData.substr(0, 10) + '"}\}';
			} else if (type == 'payPsw') {
				//支付密码
				if (Tools.isEmpty(value)) {
					VueTools.toastNo('支付密码不能为空');
					return;
				}
				obj = '{"password2":"' + value + '"}';
			} else if (type == 'mobile') {
				//修改手机号
				// obj = "{\"uval\":\{\"phone\":\"" + value + "\"}\}";
				obj = '{"phone":"' + value + '"}';
			} else if (type == 'QQ') {
				//修改QQ号
				if (Tools.isEmpty(value)) {
					VueTools.toastNo('qq号不能为空');
					return;
				}
				obj = '{"qq":"' + value + '"}';
			} else if (type == 'weixin') {
				//修改微信号
				if (Tools.isEmpty(value)) {
					VueTools.toastNo('微信号不能为空');
					return;
				}
				obj = '{"wechatid":"' + value + '"}';
			}
			uni.showLoading({
				title: '确定中...'
			});
			Net.ayiHttp(
				URL.USER_EDITUSERINFO,
				obj,
				function(res) {
					uni.hideLoading();
					that.closePopoWin();
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						let data = Tools.aesDecodeToJson(res.data);
						if (!Tools.isEmpty(data)) {
							that.uinfoData = data;
							that.setProperty(data);
						}
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					uni.hideLoading();
					that.closePopoWin();
					console.log('error:', err);
				}
			);
		},
		/**
		 * 修改密码的操作
		 */
		modifyPswSubmit(type) {
			if (Tools.isEmpty(this.modifyPswO) || Tools.isEmpty(this.modifyPswT) || Tools.isEmpty(this.modifyPswTh)) {
				VueTools.toastNo('密码必须输入');
				return;
			}
			if (!Tools.isEmpty(this.modifyPswT) && !Tools.isEmpty(this.modifyPswTh) && this.modifyPswT != this.modifyPswTh) {
				VueTools.toastNo('两次输入的新密码不一致');
				return;
			}
			if (!Tools.isEmpty(this.modifyPswT) && !Tools.isEmpty(this.modifyPswTh) && this.modifyPswT == this.modifyPswTh && !Tools.isEmpty(this.modifyPswO)) {
				//可以处理
				this.modifyPsw(type, this.modifyPswO, this.modifyPswT);
			}
		},
		modifyPsw(type, psw1, psw2) {
			let that = this;
			let obj = {};
			if (type == 'tpassword') {
				//修改登录密码
				obj = '{"oldpassword":"' + psw1 + '","password":"' + psw2 + '"}';
			} else if (type == 'tpassword2') {
				//修改支付密码
				obj = '{"oldpassword2":"' + psw1 + '","password2":"' + psw2 + '"}';
			}
			uni.showLoading({
				title: '确定中...'
			});
			Net.ayiHttp(
				URL.USER_EDITUSERINFO,
				obj,
				function(res) {
					uni.hideLoading();
					that.closePopoWin();
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						VueTools.toastNo(res.message);
						if (type == 'tpassword') {
							uni.clearStorageSync();
							if (!Config.is3rd) {
								uni.switchTab({
									url: '/pages/home/home'
								});
							} else {
								uni.switchTab({
									url: '/pages/home/home3rd'
								});
							}
						}
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					uni.hideLoading();
					that.closePopoWin();
					console.log('error:', err);
				}
			);
		},
		/**
		 * 获取邮箱验证码
		 */
		getCode() {
			let that = this;
			if (Tools.isEmpty(this.username)) {
				VueTools.toastNo('用户名必须输入');
				return;
			}
			let obj = '{"username":"' + this.username + '","type":"charge"}';
			uni.showLoading({
				title: '获取中...'
			});
			Net.ayiHttp(
				URL.LOGIN_FINDPWD,
				obj,
				function(res) {
					uni.hideLoading();
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						VueTools.toastNo(res.message);
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					uni.hideLoading();
					console.log('error:', err);
				}
			);
		},
		/**
		 * 确认找回密码
		 */
		submitFindPSw() {
			let username = this.username;
			let code = this.code;
			let password = this.newPaypsw;
			if (Tools.isEmpty(username)) {
				VueTools.toastNo('用户名必须输入');
				return;
			}
			if (Tools.isEmpty(code)) {
				VueTools.toastNo('邮箱验证码须输入');
				return;
			}
			if (Tools.isEmpty(password)) {
				VueTools.toastNo('新支付必须输入');
				return;
			}
			let that = this;
			let obj = '{"username":"' + username + '","type":"charge","code":"' + code + '","password":"' + password + '"}';
			uni.showLoading({
				title: '确定中...'
			});
			Net.ayiHttp(
				URL.LOGIN_MODIFYPWD,
				obj,
				function(res) {
					uni.hideLoading();
					that.closePopoWin();
					if (res.code == Config.SUCCESS_CODE) {
						//成功的逻辑
						VueTools.toastNo(res.message);
					} else if (res.code == Config.FAIL_CODE) {
						VueTools.toastNo(res.message);
					} else if (res.code == Config.LOGIN_CODE) {
						uni.navigateTo({
							url: '/pages/my/login/login'
						});
					}
				},
				function(err) {
					uni.hideLoading();
					that.closePopoWin();
					console.log('error:', err);
				}
			);
		},
		/**
		 * 修改用户的头像
		 */
		modifyAvatar() {
			let token = Tools.getBodyAttribute('token');
			token = Tools.isEmpty(token) ? '' : token;
			let sessid = Tools.getBodyAttribute('sessid');
			let encrypt = Tools.getBodyAttribute('encrypt');
			encrypt = !Tools.isEmpty(encrypt) && encrypt == '1' ? 1 : 0;
			let baseParam = '';
			if (Tools.isEmpty(sessid)) {
				baseParam = '?token=' + token + '&tross=createorder&encrypt=' + encrypt;
			} else {
				baseParam = '?token=' + token + '&tross=createorder&encrypt=' + encrypt + '&sessid=' + sessid;
			}
			let that = this;
			uni.chooseImage({
				count: 1,
				sizeType: ['compressed'],
				success: function(res) {
					//获取图片的链接
					let imgFiles = res.tempFilePaths[0];
					let url = Config.URL + URL.OTHER_UPLOAD_BLOB + baseParam;
					let uper = uni.uploadFile({
						// 需要上传的地址
						url: url,
						filePath: imgFiles,
						name: 'data',
						success(res1) {
							if (Tools.isStringJson(res1.data)) {
								let res = JSON.parse(res1.data);
								if (res.code == Config.SUCCESS_CODE) {
									//成功的逻辑
									let data = Tools.aesDecodeToJson(res.data);
									VueTools.setStorageSync(Config.USERINFO_KEY, data);
									that.userInfo();
								} else if (res.code == Config.FAIL_CODE) {
									VueTools.toastNo(res.message);
								} else if (res.code == Config.LOGIN_CODE) {
									uni.navigateTo({
										url: '/pages/my/login/login'
									});
								}
							} else {
								VueTools.toastNo('服务器异常');
								return;
							}
						}
					});
				}
			});
		},
		userInfo() {
			let that = this;
			let tempUserInfo = VueTools.getStorageSync(Config.USERINFO_KEY);
			if (!Tools.isEmpty(tempUserInfo)) {
				that.uinfoData = tempUserInfo.uinfo;
			}
		}
	},
	onUnload() {},
	onNavigationBarButtonTap(e) {
		console.log('返回的点击的情况:', JSON.stringify(e));
	},
	onBackPress(options) {}
};
</script>

<style lang="scss">
.alert-input {
	height: 34rpx;
	padding: 12rpx;
	border: 1px solid #ababab;
	font-size: 26rpx;
	border-radius: 8rpx;
	color: #000;
	margin-bottom: 20rpx;
}
.btn-more-operate-v {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-size: 34rpx;
	height: 88rpx;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
// 列表的样式
.person-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0rpx 16rpx;
	border-bottom: 1px solid #e8e9ec;
	.person-item-i {
		display: block;
		position: relative;
		padding: 16rpx 0rpx;
	}
	.content {
		flex: 7;
		padding-left: 16rpx;
		span.i-title {
			color: #000000;
			font-size: 34rpx;
		}
	}
	.content-r {
		flex: 7;
		text-align: right;
		color: #a6a6a6;
		font-size: 34rpx;
		font-weight: 100;
		.img-img {
			height: 72rpx;
			width: 72rpx;
			border-radius: 72rpx;
			border: 1px solid #E8E9EC;
		}
	}
	.icon-right {
		flex: 1;
	}
}
</style>
